
<!DOCTYPE HTML>
<html lang="zh" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>组件 · gitbook-official</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        <meta name="author" content="snowdreams1006">
        
        
    
    <link rel="stylesheet" href="../../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-search/search.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
        <link rel="stylesheet" href="../styles/website.css">
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="i18n.html" />
    
    
    <link rel="prev" href="connect.html" />
    

    <style>
    @media only screen and (max-width: 640px) {
        .book-header .hidden-mobile {
            display: none;
        }
    }
    </style>
    <script>
        window["gitbook-plugin-github-buttons"] = {"buttons":[{"user":"snowdreams1006","repo":"gitbook-official","type":"star","size":"small"}]};
    </script>

    
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    
    
        <link rel="bookmark" href="/bookmark.ico" type="image/x-icon">
    
    
        <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152.png">
    
    
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-precomposed-152.png">
    
    
        
        <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120.png">
        
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180.png">
        
    
    
        
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-precomposed-120.png">
        
        <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon-precomposed-180.png">
        
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="輸入並搜尋" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    
    
        
        <li>
            <a href="https://snowdreams1006.tech/" target="_blank" class="custom-link">blog</a>
        </li>
    
    

    
    <li class="divider"></li>
    

    
        
        <li class="header">入门</li>
        
        
    
        <li class="chapter " data-level="1.1" data-path="../">
            
                <a href="../">
            
                    
                    关于本文档
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="../setup.html">
            
                <a href="../setup.html">
            
                    
                    安装和设置
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">基础</li>
        
        
    
        <li class="chapter " data-level="2.1" data-path="../structure.html">
            
                <a href="../structure.html">
            
                    
                    目录结构
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.2" data-path="../pages.html">
            
                <a href="../pages.html">
            
                    
                    菜单与页面
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.3" data-path="../config.html">
            
                <a href="../config.html">
            
                    
                    配置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.4" data-path="../lexicon.html">
            
                <a href="../lexicon.html">
            
                    
                    词汇表
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.5" data-path="../languages.html">
            
                <a href="../languages.html">
            
                    
                    多语言
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6" data-path="../syntax/markdown.html">
            
                <a href="../syntax/markdown.html">
            
                    
                    Markdown语法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7" data-path="../syntax/asciidoc.html">
            
                <a href="../syntax/asciidoc.html">
            
                    
                    AsciiDoc语法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.8" data-path="../ebook.html">
            
                <a href="../ebook.html">
            
                    
                    生成电子书和PDF
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">定制</li>
        
        
    
        <li class="chapter " data-level="3.1" data-path="../templating/">
            
                <a href="../templating/">
            
                    
                    模板
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="3.1.1" data-path="../templating/conrefs.html">
            
                <a href="../templating/conrefs.html">
            
                    
                    内容引用
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.1.2" data-path="../templating/variables.html">
            
                <a href="../templating/variables.html">
            
                    
                    变量
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.1.3" data-path="../templating/builtin.html">
            
                <a href="../templating/builtin.html">
            
                    
                    Builtin模板助手
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="3.2" data-path="../plugins/">
            
                <a href="../plugins/">
            
                    
                    插件
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="3.2.1" data-path="../plugins/create.html">
            
                <a href="../plugins/create.html">
            
                    
                    创建插件
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.2.2" data-path="../plugins/hooks.html">
            
                <a href="../plugins/hooks.html">
            
                    
                    回调函数
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.2.3" data-path="../plugins/blocks.html">
            
                <a href="../plugins/blocks.html">
            
                    
                    块
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.2.4" data-path="../plugins/filters.html">
            
                <a href="../plugins/filters.html">
            
                    
                    过滤器
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.2.5" data-path="../plugins/api.html">
            
                <a href="../plugins/api.html">
            
                    
                    API＆Context
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="3.2.6" data-path="../plugins/testing.html">
            
                <a href="../plugins/testing.html">
            
                    
                    测试你的插件
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="3.3" data-path="../themes/">
            
                <a href="../themes/">
            
                    
                    主题
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">插件开发</li>
        
        
    
        <li class="chapter " data-level="4.1" data-path="./">
            
                <a href="./">
            
                    
                    插件简介
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="4.1.1" data-path="node.html">
            
                <a href="node.html">
            
                    
                    节点API
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.1.2" data-path="connect.html">
            
                <a href="connect.html">
            
                    
                    连接到上下文
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="4.1.3" data-path="components.html">
            
                <a href="components.html">
            
                    
                    组件
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.1.4" data-path="i18n.html">
            
                <a href="i18n.html">
            
                    
                    国际化
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.1.5" data-path="navigation.html">
            
                <a href="navigation.html">
            
                    
                    导航
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    

    
        
        <li class="divider"></li>
        
        
    
        <li class="chapter " data-level="5.1" data-path="../contributing.html">
            
                <a href="../contributing.html">
            
                    
                    参与贡献
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.2" data-path="../faq.html">
            
                <a href="../faq.html">
            
                    
                    常见问题
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.3" data-path="../examples.html">
            
                <a href="../examples.html">
            
                    
                    示例
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.4" >
            
                <a target="_blank" href="https://github.com/GitbookIO/gitbook/blob/master/CHANGES.md">
            
                    
                    发行说明
            
                </a>
            

            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            本書使用 GitBook 釋出
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >组件</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
<div id="vip-container">
    <h1 id="&#x7EC4;&#x4EF6;">&#x7EC4;&#x4EF6;</h1>
<h2 id="&#x6CE8;&#x5165;">&#x6CE8;&#x5165;</h2>
<p>&#x63D2;&#x4EF6;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x5C06;React&#x7EC4;&#x4EF6;&#x6CE8;&#x518C;&#x5230;<code>role</code>&#x6765;&#x6CE8;&#x5165;&#x7EC4;&#x4EF6;&#x3002;</p>
<h4 id="&#x6CE8;&#x518C;&#x7EC4;&#x4EF6;">&#x6CE8;&#x518C;&#x7EC4;&#x4EF6;</h4>
<p>&#x63D2;&#x4EF6;&#x521D;&#x59CB;&#x5316;&#x9636;&#x6BB5;&#xFF0C;&#x8C03;&#x7528;<code>GitBook.registerComponent</code>&#x6CE8;&#x518C;&#x65B0;&#x7EC4;&#x4EF6;&#xFF1A;</p>
<pre><code class="lang-js">dispatch(GitBook.registerComponent(MyCustomButton, { role: <span class="hljs-string">&apos;toolbar:buttons:left&apos;</span> }));
</code></pre>
<h4 id="&#x89D2;&#x8272;">&#x89D2;&#x8272;</h4>
<p>&#x81EA;&#x5B9A;&#x4E49;&#x89D2;&#x8272;&#x53EF;&#x4EE5;&#x7528;&#x4E8E;&#x4E0E;&#x5176;&#x4ED6;&#x63D2;&#x4EF6;&#x7684;&#x4EA4;&#x4E92;&#xFF0C;&#x4F46;GitBook&#x548C;&#x9ED8;&#x8BA4;&#x4E3B;&#x9898;&#x8BBE;&#x7F6E;&#x4E86;&#x5E38;&#x89C1;&#x89D2;&#x8272;&#x7684;&#x7EA6;&#x5B9A;&#xFF1A;</p>
<table>
<thead>
<tr>
<th>Role</th>
<th>Description</th>
<th>Props</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>page:container</code></td>
<td>DIV container for the page&apos;s content</td>
<td><code>{ page: Page }</code></td>
</tr>
<tr>
<td><code>summary:container</code></td>
<td>DIV container for the whole summary</td>
<td><code>{ summary: Summary }</code></td>
</tr>
<tr>
<td><code>summary:parts</code></td>
<td>DIV container for summary&apos;s parts</td>
<td><code>{ parts: List&lt;SummaryPart&gt; }</code></td>
</tr>
<tr>
<td><code>summary:part</code></td>
<td>DIV for a specific part</td>
<td><code>{ part: SummaryPart }</code></td>
</tr>
<tr>
<td><code>summary:articles</code></td>
<td>UL container for a part&apos;s articles</td>
<td><code>{ articles: List&lt;SummaryArticle&gt; }</code></td>
</tr>
<tr>
<td><code>summary:article</code></td>
<td>LI for a specific article</td>
<td><code>{ article: SummaryArticle }</code></td>
</tr>
</tbody>
</table>
<h2 id="default-components">Default Components</h2>
<h4 id="gitbookhead"><code>GitBook.Head</code></h4>
<p>&#x6269;&#x5C55;&#x9875;&#x9762;&#x7684;&#x5143;&#x6807;&#x8BB0;&#x3002; &#x8FD9;&#x662F;<a href="https://github.com/nfl/react-helmet" target="_blank">react-helmet</a>&#x7684;&#x522B;&#x540D;&#x3002;</p>
<pre><code class="lang-js">&lt;GitBook.Head
    title=<span class="hljs-string">&quot;My page&quot;</span>
  /&gt;
</code></pre>
<h4 id="gitbookimportcss"><code>GitBook.ImportCSS</code></h4>
<p>&#x6839;&#x636E;&#x5F53;&#x524D;&#x9875;&#x9762;&#x76F8;&#x5BF9;&#x8DEF;&#x5F84;&#xFF0C;&#x5BFC;&#x5165;CSS&#x6587;&#x4EF6;&#xFF1A;</p>
<pre><code class="lang-js">&lt;GitBook.ImportCSS href=<span class="hljs-string">&quot;myfile.css&quot;</span> /&gt;
</code></pre>
<h4 id="gitbookinjectedcomponent"><code>GitBook.InjectedComponent</code></h4>
<p>&#x6CE8;&#x5165;&#x4E0E;&#x7279;&#x5B9A;&#x89D2;&#x8272;&#x5339;&#x914D;&#x7684;&#x7EC4;&#x4EF6;&#xFF1A;</p>
<pre><code class="lang-js">&lt;GitBook.InjectedComponent matching={{ role: &apos;mycustomrole&apos; }} props={{ someProp: 1 }}&gt;
    &lt;b&gt;Inner content&lt;/b&gt;
&lt;/GitBook.InjectedComponent&gt;
</code></pre>
<h4 id="gitbookinjectedcomponentset"><code>GitBook.InjectedComponentSet</code></h4>
<p>&#x67D0;&#x4E9B;&#x7C7B;&#x4F3C;<code>InjectedComponentSet</code>&#x7684;API&#x7528;&#x6765;&#x5339;&#x914D;&#x5143;&#x4EF6;&#xFF0C;&#x800C;&#x4E0D;&#x662F;&#x7EC4;&#x6210;&#xFF1A;</p>
<pre><code class="lang-js">&lt;GitBook.InjectedComponentSet matching={{ role: <span class="hljs-string">&apos;mytoolbar&apos;</span> }} /&gt;
</code></pre>
<p><strong>&#x8B66;&#x544A;:</strong> &#x5B50;&#x9879;&#x5C06;&#x5931;&#x6548;.</p>
<h4 id="gitbookflexlayout-and-gitbookflexbox"><code>GitBook.FlexLayout</code> and <code>GitBook.FlexBox</code></h4>
<p>&#x4E00;&#x4E2A;&#x7B80;&#x5355;&#x7684;&#x5305;&#x88C5;&#x5668;&#xFF0C;&#x63D0;&#x4F9B;&#x7ED9;&#x5B9A;&#x65B9;&#x5411;&#x548C;&#x6837;&#x5F0F;&#x7684;Flexbox&#x5E03;&#x5C40;&#x3002; &#x60A8;&#x5728;Flexbox&#x4E0A;&#x8BBE;&#x7F6E;&#x7684;&#x4EFB;&#x4F55;&#x5176;&#x4ED6;&#x9053;&#x5177;&#x90FD;&#x4F1A;&#x5448;&#x73B0;&#x3002;</p>
<pre><code class="lang-js">&lt;GitBook.FlexLayout column&gt;
    &lt;GitBook.FlexBox&gt;First column&lt;/GitBook.FlexBox&gt;
    &lt;GitBook.FlexBox&gt;Second column&lt;/GitBook.FlexBox&gt;
&lt;/GitBook.FlexLayout&gt;
</code></pre>
<pre><code class="lang-html">&#x4F5C;&#x8005;: &#x96EA;&#x4E4B;&#x68A6;&#x6280;&#x672F;&#x9A7F;&#x7AD9;
&#x94FE;&#x63A5;: https://snowdreams1006.github.io/gitbook-official/zh/api/components.html
&#x6765;&#x6E90;: &#x96EA;&#x4E4B;&#x68A6;&#x6280;&#x672F;&#x9A7F;&#x7AD9;
&#x672C;&#x6587;&#x539F;&#x521B;&#x53D1;&#x5E03;&#x4E8E;&#x300C;&#x96EA;&#x4E4B;&#x68A6;&#x6280;&#x672F;&#x9A7F;&#x7AD9;&#x300D;,&#x8F6C;&#x8F7D;&#x8BF7;&#x6CE8;&#x660E;&#x51FA;&#x5904;,&#x8C22;&#x8C22;&#x5408;&#x4F5C;!
</code></pre>
<p><img src="https://snowdreams1006.github.io/snowdreams1006-wechat-open.png" alt="https://snowdreams1006.github.io/snowdreams1006-wechat-open.png"></p>
<div id="gitalk-container"></div>
</div>

                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="connect.html" class="navigation navigation-prev " aria-label="Previous page: 连接到上下文">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="i18n.html" class="navigation navigation-next " aria-label="Next page: 国际化">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"组件","level":"4.1.3","depth":2,"next":{"title":"国际化","level":"4.1.4","depth":2,"path":"api/i18n.md","ref":"./api/i18n.md","articles":[]},"previous":{"title":"连接到上下文","level":"4.1.2","depth":2,"path":"api/connect.md","ref":"./api/connect.md","articles":[]},"dir":"ltr"},"config":{"plugins":["favicon-absolute","github-buttons","edit-link-plus","openwrite","copyright","mygitalk","multilingual-index"],"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"copyright":{"site":"https://snowdreams1006.github.io/gitbook-official","author":{"en":"snowdreams1006","zh":"雪之梦技术驿站"},"website":{"en":"snowdreams1006's Gitbook","zh":"雪之梦技术驿站"},"image":{"en":"https://snowdreams1006.github.io/snowdreams1006-wechat-open.png","zh":"https://snowdreams1006.github.io/snowdreams1006-wechat-open.png"}},"search":{},"edit-link-plus":{"label":{"en":"Edit This Page","zh":"编辑本页"},"base":{"snowdreams1006.github.io":"https://github.com/snowdreams1006/gitbook-official/edit/master","snowdreams1006.gitlab.io":"https://gitlab.com/snowdreams1006/gitbook-official/edit/master","snowdreams1006.gitee.io":"https://gitee.com/snowdreams1006/gitbook-official/edit/master"},"defaultBase":"https://github.com/snowdreams1006/gitbook-official/edit/master"},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"favicon-absolute":{"appleTouchIconMore":{"120x120":"/apple-touch-icon-120.png","180x180":"/apple-touch-icon-180.png"},"appleTouchIconPrecomposed152":"/apple-touch-icon-precomposed-152.png","appleTouchIconPrecomposedMore":{"120x120":"/apple-touch-icon-precomposed-120.png","180x180":"/apple-touch-icon-precomposed-180.png"},"favicon":"/favicon.ico","bookmark":"/bookmark.ico","appleTouchIcon152":"/apple-touch-icon-152.png"},"fontsettings":{"theme":"white","family":"sans","size":2},"highlight":{},"openwrite":{"blogId":"15702-1569305559839-744","name":"雪之梦技术驿站","qrcode":"https://snowdreams1006.github.io/snowdreams1006-wechat-public.jpeg","keyword":"vip"},"multilingual-index":{"enableSuper":false,"index":"index.html"},"github-buttons":{"buttons":[{"user":"snowdreams1006","repo":"gitbook-official","type":"star","size":"small"}]},"mygitalk":{"flipMoveOptions":{},"clientID":"3f62415a283d19cbd696","number":-1,"perPage":10,"proxy":"https://cors-anywhere.herokuapp.com/https://github.com/login/oauth/access_token","admin":["snowdreams1006"],"createIssueManually":false,"distractionFreeMode":false,"repo":"gitbook-official","owner":"snowdreams1006","enableHotKey":true,"clientSecret":"aed0e1db0620bf5d0e3a3f0225f801997ad74e58","pagerDirection":"last","labels":["Gitalk"]},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"theme":"default","author":"snowdreams1006","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"gitbook-official","language":"zh","links":{"sidebar":{"blog":"https://snowdreams1006.tech/"}},"gitbook":"*","description":"gitbook document"},"file":{"path":"api/components.md","mtime":"2019-12-09T09:21:34.894Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2019-12-10T00:16:34.934Z"},"basePath":"..","book":{"language":"zh"}});
        });
    </script>
</div>

        

    <script src="../../gitbook/gitbook.js"></script>
    <script src="../../gitbook/theme.js"></script>
    
        
        <script src="../../gitbook/gitbook-plugin-github-buttons/plugin.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-edit-link-plus/plugin.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-copyright/copyright.js"></script>
        
    
        
        <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script>
        
    
        
        <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-mygitalk/mygitalk.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-search/search.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

<script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
var isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
if (!isMobile) {
    var btw = new BTWPlugin();
    btw.init({
        "id": "vip-container",
        "blogId": "15702-1569305559839-744",
        "name": "雪之梦技术驿站",
        "qrcode": "https://snowdreams1006.github.io/snowdreams1006-wechat-public.jpeg",
        "keyword": "vip"
    });
}
</script>

    </body>
</html>

